<template>
  <div class="classify">
    <!-- 左侧分类栏 -->
      <div class="left-classify">
        <div class="title">核酸检测</div>
      </div>
    <!-- 右侧分类详情栏 -->
      <div class="right-classify">
        aaaaa
      </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      leftClassify:[
        {id:1,title:"核酸检测"},
        {id:1,title:"核酸检测"},
        {id:1,title:"核酸检测"},
        {id:1,title:"核酸检测"},
        {id:1,title:"核酸检测"},
        {id:1,title:"核酸检测"},
        {id:1,title:"核酸检测"},
        {id:1,title:"核酸检测"},
        {id:1,title:"核酸检测"},
        {id:1,title:"核酸检测"},
        {id:1,title:"核酸检测"},
      ]
    }
  }
}
</script>

<style>
.classify{
  display: flex;
}
.classify .left-classify{
  flex:3;
  border:1px solid red;
  overflow: scroll;
  width: 170px;
  height: 680px;
}
.classify .right-classify{
  flex:10;
  border:1px solid red;
}
</style>